import React, { Component } from 'react'

export default class App extends Component {
  state = {
    proList: []
  }
  componentDidMount () {
    // es5 XMLHttpRequest
    // es6 fetch 就是原生提供的数据请求的方案，返回值是基于promise
    //          需要将返回的结果转换成json对象才可以正常的使用
    //          不需要安装，只要支持promise即可
    fetch('http://121.89.205.189/api/pro/list')
      .then( res => res.json() ) // 转换为json数据格式
      .then( res => {
        console.log(res)
        this.setState({
          proList: res.data
        })
      })
  }
  render() {
    return (
      <div>
        {
          this.state.proList && this.state.proList.map(item => {
            return (
            <div key = { item.proid }> { item.proname } </div>
            )
          })
        }
      </div>
    )
  }
}
